<template>
  <div class="login-box">
    <div class="login-wrap pd-64">
      <!-- <div class="login-header fx-bt-ct mg-bt-80">
        <img src="@/assets/common/login_icon.png" class="login-icon" />
        <TrDropdown
          v-model="lanValue"
          :dataList="$website.languageList"
          color="#666666"
          @dropBack="commandHandle"
        >
          <img class="ic-20 mg-rt-4" src="@/assets/icons/language_active.png" />
        </TrDropdown>
      </div> -->
      <div class="login-content">
        <img src="@/assets/common/login_bg.png" class="login-bg" />
        <Account />
      </div>
    </div>
  </div>
</template>

<script>
// import TrDropdown from "@/components/Tr-dropdown/Tr-dropdown.vue";
import Account from "./account.vue";
import { mapGetters } from "vuex";
export default {
  name: "LoginBox",
  components: {
    Account,
    // TrDropdown,
  },
  computed: {
    ...mapGetters(["language"]),
  },
  data: () => ({
    lanValue: "",
  }),
  methods: {
    commandHandle(val) {
      this.$store.commit("SET_LANGUAGE", val.value);
      this.$i18n.locale = val.value;
    },
    jumpHandle() {
      this.$router.push({
        path: "/down",
      });
    },
  },
  mounted() {
    this.lanValue = this.language;
  },
};
</script>

<style></style>
